<template>
  <div id="app">
      <transition mode="in-out" keep-alive>
        <router-view  v-wechat-title="$route.meta.title"></router-view>
      </transition>
  </div>
</template>

<script>

export default {
  name: 'app',
  data () {
  },
  mounted(){

  },
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
@import "styles/common.less";

body,html,#app{
  height: 100%;
  font-family:PingFang-SC-Regular;
}

.vux-x-dialog{
  .weui-dialog{
    .weui-dialog__hd{
      padding-top: .3rem!important;
      padding-bottom: .2rem!important;
    }
  }  
}

.weui-dialog__hd{
  padding: 0rem!important;
}

.weui-dialog{
  top: 45%!important;
}

ul,li {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.flex-cont {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-box-justify {
  display: flex;
  justify-content: center;
}

.flex-box-align{
  display: flex;
  align-items: center;
}

.flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.flex-box-container {
  display: flex;
  flex-wrap: wrap;
}

.flex {
  flex:1;
}

.weui-toast{
  min-height: 2.5rem!important;
  min-width: 2.5rem!important;
  width:auto!important;
  height: auto;
}
.weui-tabbar {
  background-color: #fff!important;
}
.xs-plugin-pullup-container{
  font-size: 14px;
  color: #999;
}
.no-wrap{
  font-size: .28rem;
  color: #999;
  text-align: center;
  height: 12.3rem;
  background-color: #fff;
  img{
    display: block;
    padding-top: 3.18rem;
    margin: 0 auto .33rem;
    width: 2.14rem;
    height: 2.14rem;
  }
}
</style>
